import React from 'react';
import { StyleSheet, Text, View,Button } from 'react-native';
import { StackNavigator } from 'react-navigation';



export default class ChatThird extends React.Component{
  static navigationOptions={
    title:'I am a third pages'
  };
  render(){
    const {params}=this.props.navigation.state;
     const { navigate } = this.props.navigation;
    return(
        <View>
             <Text>Chat with {params.user}</Text>
              <Button color="#841584"
               onPress={()=> navigate('List')}
               title="to dataList"
             />
        </View>
    );
  }
}





const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center'
  },
  buttonColor:{
  
    color:'#FFF',
    backgroundColor:'#f60',
    alignItems: 'center'
  }
});